<template>
    <div class="row " >
      <div class="col-md-12 nav ">
        
            <!-- <a href="" class="nav-iten" >主页</a>
            <a href="" class="nav-iten" >音乐</a>
            <a href="" class="nav-iten" >视频</a>
            <a href="" class="nav-iten" >图片</a>
            <a href="" class="nav-iten" @click="jump">注册</a> -->
            <router-link  class="nav-item lvc"  to="/">主页</router-link>
            <router-link  class="nav-item" to="/music">音乐</router-link>
            <router-link  class="nav-item" to="/voide">视频</router-link>
            <router-link  class="nav-item" to="/image">图片</router-link>
            <router-link  class="nav-item" to="/login">注册</router-link>
        

        
      </div>  
    </div>
</template>

<script>
    export default {
  data() {
    return {};
  },
  methods: {
    jump() {
      this.$router.push("/acc");
    }
  }
};
</script>

<style  scoped>
div{
  margin: 0;
  padding: 0;
}


a{
    margin-right: 150px;
    display: inline-block;
   color: goldenrod;
    font-size: 20px;
    line-height: 50px;
    font-weight: bold;
    
}
.col-md-12{
    border: 2px solid burlywood;
    width: 100%;
    height: 50px;
    text-align: center;
    /* margin: 0; */

}
.lvc{
  margin-left: 150px;
}




</style>